// 查询所有box节点
const nodes = document.querySelectorAll('.box');

nodes.forEach(node => {
    node.addEventListener('click', () => {
        // 先移除已有active状态
        removeActiveClasses();
        // 给当前对象添加active
        node.classList.add('active')
    })
})

function removeActiveClasses() {
    nodes.forEach(node => {
        node.classList.remove('active')
    })
}